<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>校园论坛 - 登录</title>
    <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
    <!-- 页面头部 -->
    <div class="header">
        <div class="container">
            <h1 class="logo">校园论坛</h1>
            <div class="user-info">
                <span>登录页面</span>
            </div>
        </div>
    </div>

    <!-- 导航栏 -->
    <div class="navbar">
        <div class="container">
            <ul class="nav-menu">
                <li><a href="index.html">首页</a></li>
                <li><a href="login.html" class="active">登录</a></li>
                <li><a href="register.html">注册</a></li>
            </ul>
        </div>
    </div>

    <!-- 登录表单 -->
    <div class="container">
        <div class="main-content">
            <div style="width: 400px; margin: 50px auto;">
                <div style="background-color: white; border: 1px solid #ddd; border-radius: 4px; padding: 30px;">
                    <h2 style="text-align: center; color: #2c3e50; margin-bottom: 30px;">用户登录</h2>
                    
                    <form id="login-form">
                        <div class="form-group">
                            <label for="username">用户名</label>
                            <input type="text" id="username" class="form-control" required>
                        </div>

                        <div class="form-group">
                            <label for="password">密码</label>
                            <input type="password" id="password" class="form-control" required>
                        </div>

                        <div id="error-message" class="error-message"></div>

                        <button type="submit" class="btn" style="width: 100%; margin-top: 20px;">登录</button>
                    </form>

                    <div style="text-align: center; margin-top: 20px;">
                        <p>还没有账号？ <a href="register.html">立即注册</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 页脚 -->
    <div class="footer">
        <div class="container">
            <p>&copy; 2024 校园论坛. 保留所有权利.</p>
        </div>
    </div>

    <!-- JavaScript 文件 -->
    <script src="assets/libs/jquery.min.js"></script>
    <script src="assets/js/common.js"></script>
    <script src="assets/js/auth.js"></script>
</body>
</html>
